/* Multi select */
.multi-select-container {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}
.multi-select-content-container {
  display: flex;
  background: $gray-7;
  box-shadow: 0px 0px 20px $gray-3;
  position: absolute;
  z-index: 1000;
  width: 300px;
  /* height: 381px; */
  top: 116%;
  margin-left: -150px;

  border-radius: 0.25rem;

  @media only screen and (max-width: map-get($grid-breakpoints, "lg")) {
    width: 218px;
    margin-left: 6px;
  }

  @media only screen and (max-width: map-get($grid-breakpoints, "sm")) {
    width: 264px;
    margin-left: -100px;
  }
}
.multi-select-item-label {
  padding-left: 5px;
  padding-right: 5px;
}
.multi-select-info {
  float: right;
  color: #bbb;
}

.multi-select-content-container {
  .btn-secondary {
    background-color: #ffffff;
    color: #212529;
    border: 0;
  }
  .btn-secondary:focus {
    background-color: #ffffff;
    color: #212529;
  }
  .btn-secondary:hover {
    background-color: #eee;
    color: #212529;
  }
}
